@import url("style.css");
/**/
#controls dd,.index_about_follow,.index_about_follow a,.view,.index_line{float:left;}
.index_about_txt,.btn{float:right;}
.banner,#slider li,.view,.view .mask_text,.view .mask, .view .content,.index_show_item{overflow:hidden;}
.controls_wrap,.index_about,.arbeid_grid,.view,.view .mask_text,.view .mask, .view .content,.txtarea{width:100%;}
.banner { position:relative;width:100%; max-width:1600px; max-height:507px; padding-top:3px; margin:0 auto 20px; }
.index_about {padding:60px 0; background:#f3f3f3 url(../images/index_about_bg.gif) top repeat-x; }
.index_about_follow { width:190px; text-align:center; }
.index_about_follow p { padding-bottom:15px; font-size:150%; }
.index_about_follow a { width:40px; height:40px; margin-right:10px; padding:5px; box-shadow:2px 2px 2px #999; background-color:#c8c8c8; }
.index_about_follow a.fb:hover { background-color:#2854a4; }
.index_about_follow a.tw:hover { background-color:#24badd; }
.index_about_follow a.yb:hover { background-color:#db4747; }
.index_about_txt { width:50%; padding:20px; line-height:1.6; }
.index_about_txt:hover { text-decoration:none; background:#fff; }
#arbeid { background-image: url(../images/bg_1.html); padding:60px 0px 50px; margin:0px auto; text-align:center; display:block; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#arbeid h2 { color:#FFF; padding: 60px 0px 0px 0px; }
.arbeid_grid { list-style: none; margin: 60px auto; text-align: center; padding-bottom: 120px; }
.arbeid_grid li { display: inline-block; margin: 0px -5px 0px 0px; vertical-align: top; height: 300px; }
.arbeid_grid li > a, .arbeid_grid li > a img { border: none; outline: none; display: block; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.arbeid_grid li > a img:hover { filter:alpha(opacity=20);  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
opacity: 0.2; }
.view_title { padding-top:20px;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.view_tenth{font-size:120%;}
.view_tenth img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.view_tenth .mask { background-color:#000; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view_tenth .mask_text { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view_tenth h2 { color: #666;-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.view_tenth p { font-size:70%;color: #666; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.view {position: relative; text-align: center; cursor: default; }
.view .mask_text{height:100%; position: absolute; top: 0; left: 0;}
.view .mask, .view .content {height:100%; position: absolute;top: 0; left: 0; }
.view img { display: block; position: relative; }
.view h2 {text-align: center; position: relative; padding: 20px 0 0; }
.view p {position: relative;  padding: 20px 20px 40px; text-align: center; }
.view a.info { display: inline-block; text-decoration: none; padding: 2px 70px; color: #fff; background-color: #666; }
.view_tenth a.info { border-radius:2px;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.view_tenth a.info:hover{background:#888;}
.view_tenth:hover img, .onhover img {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity:.6; }
.view_tenth:hover .mask_text, .onhover .mask_txt { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view_tenth:hover .mask, .onhover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); opacity: 0.1; }
.view_tenth:hover .view_title{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.view_tenth:hover h2, .view_tenth:hover p, .view_tenth:hover a.info, .onhover h2, .onhover p, .onhover a.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.btn { padding:5px 20px; font-size:120%; color:#FFF; border:none; text-align:center; cursor:pointer; }
.sb_btn { margin-right:5%; background:#1572a8; }
.rs_btn { background:#999; }
.rs_btn:hover { background:#222; }
.txtarea {height:100px; padding:3px 5px; border:1px solid #ccc; background:#FFF; }
/**/
.index_show_item { text-align:center; font-size:150%;}
.index_line{width:5px;max-height:500px;height:350px;margin:0 2%;/*background:url(../images/index_line.png) center no-repeat;*/}
.index_show_item_member { width:30%; position:relative; }
.index_show_item_member dt { padding:20px 0 0;}
.index_show_item_member .i_s_i_pic img { }
.index_show_item_member a { text-decoration:none; }
.index_show_item_member a:hover { filter: Alpha(opacity=85); -moz-opacity:.85; opacity:0.85; }
.index_show .isim_center { margin-right:5%; }
@media screen and (max-width: 900px){
.index_line{display:none;}
.step{width:600px;}
.step h3{font-size:150%;}
.jms-content{margin: 0px 200px 0px 20px;}
}
@media screen and (max-width: 600px){
.view_tenth .mask_text,.view_tenth .mask{display:none;}
.view_tenth:hover .view_title{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); opacity: 1;}
.index_show_item_member{width:100%;}
.follow_us,.follow_us p,.index_about_txt{width:100%;padding:20px 0;text-align:left;}
.index_show .isim_center{margin:0;}
.step{width:200px;}
.step h3{font-size:100%;}
.jms-content{margin: 0px 50px 0px 20px;}
}